<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition>
	<p:panel id="contentEdit" styleClass="#{productoMBean.saved}">
		<h:form id="editObject" enctype="multipart/form-data"
			styleClass="editAdd">
			<p:focus context="editObject" />

			<ui:repeat var="item" value="#{productoMBean.selectedProducto}">
				<p:dialog
					rendered="#{(productoMBean.tipoMantenimiento=='update') ? true : false}"
					header="Producto" widgetVar="imageObject" modal="true"
					appendTo="@(body)">
					<p:graphicImage library="images" name="/product/#{item.imagen}" />
				</p:dialog>
				<p:panel
					rendered="#{(productoMBean.tipoMantenimiento=='update') ? true : false}">
					<h:outputLabel value="Id" for="idItem" />
					<h:outputLabel value="#{item.id}" id="idItem" />
				</p:panel>
				<div class="separador"></div>
				<p:panel styleClass="arrayInput">
					<div>
						<h:outputLabel value="Categoria" for="idCategoria" />
						<p:selectOneMenu id="idCategoria"
							value="#{item.categoria_producto_id}" styleClass="comboText">
							<f:selectItem itemLabel="- Seleccionar -" itemValue="0" />
							<f:selectItems value="#{productoMBean.listaCategoriaProductos}"
								var="itemCategoria" itemLabel="#{itemCategoria.nombre}"
								itemValue="#{itemCategoria.id}" />
						</p:selectOneMenu>
					</div>
					<div>
						<h:outputLabel value="Marca" for="idMarca" />
						<p:selectOneMenu id="idMarca" value="#{item.marca_id}"  styleClass="comboText">
							<f:selectItem itemLabel="- Seleccionar -" itemValue="0" />
							<f:selectItems value="#{productoMBean.listaMarca}"
								var="itemMarca" itemLabel="#{itemMarca.marca}"
								itemValue="#{itemMarca.id}" />
						</p:selectOneMenu>
					</div>
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Producto" for="idProducto" />
					<h:inputText style="width:294px" value="#{item.producto}"
						id="idProducto" />
				</p:panel>
				<div class="separador"></div>
				<p:panel styleClass="arrayInput">
					<div>
						<h:outputLabel value="Codigo" for="idCodigo" />
						<h:inputText value="#{item.cod_prod}" id="idCodigo" />
					</div>
					<div>
						<h:outputLabel value="Codigo Barra" for="idBarra" />
						<h:inputText value="#{item.cod_barra}" id="idBarra" />
					</div>
				</p:panel>
				<div class="separador"></div>
				<p:panel styleClass="arrayInput">
					<div>
						<h:outputLabel value="Unid. Medida" for="idMedida" />
						<p:selectOneMenu id="idMedida" value="#{item.unidad_medida_id}"  styleClass="comboText">
							<f:selectItem itemLabel="- Seleccionar -" itemValue="0" />
							<f:selectItems value="#{productoMBean.listaUnidaMedidas}"
								var="itemUnid" itemLabel="#{itemUnid.descripcion}"
								itemValue="#{itemUnid.id}" />
						</p:selectOneMenu>
					</div>
					<div>
						<h:outputLabel value="Unid x Caja" for="idCaja" />
						<h:inputText value="#{item.unidadesxcaja}" id="idCaja" />
					</div>
				</p:panel>
				<div class="separador"></div>
				<p:panel styleClass="arrayInput">
					<div>
						<h:outputLabel value="Peso" for="idPeso" />
						<h:inputText value="#{item.peso}" id="idPeso" />
					</div>
					<div>
						<h:outputLabel value="Precio.Prom" for="idPP" />
						<h:inputText value="#{item.precio_promedio}" id="idPP" />
					</div>
				</p:panel>
				<div class="separador"></div>
				<p:panel styleClass="showImage arrayInput">
					<div>
						<h:outputLabel value="Imagen" for="idImagen" />
						<p:graphicImage id="idImagen"
							ondblclick="PF('imageObject').show()" library="images"
							name="/product/#{item.imagen}" width="100" />
					</div>
					<div>
						<p:fileUpload
							rendered="#{(productoMBean.tipoMantenimiento=='update') ? true : false}"
							styleClass="inputLoadImage" label="Subir" uploadLabel="Guardar"
							cancelLabel="Cancelar" previewWidth="20"
							fileUploadListener="#{productoMBean.subirArchivo}"
							mode="advanced" dragDropSupport="false" sizeLimit="100000"
							fileLimit="1" allowTypes="/(\.|\/)(gif|jpe?g|png)$/"
							update=":contentEdit" />
					</div>
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Active" for="idActive" />
					<h:selectBooleanCheckbox value="#{item.active}" id="idActive" />
				</p:panel>
				<div class="separador"></div>
			</ui:repeat>
			<p:commandButton value="Guardar" id="frmSaved"
				actionListener="#{productoMBean.updateInsertItem}"
				update=":frmPageMantenimiento :contentEdit" />
			<p:commandButton value="Eliminar" id="frmClear"
				rendered="#{(productoMBean.tipoMantenimiento=='update') ? true : false}"
				actionListener="#{productoMBean.eliminarItem}"
				oncomplete="PF('editObject').hide()" update=":frmPageMantenimiento">
				<p:confirm header="Confirmacion" message="¿Desea Eliminar?"
					icon="ui-icon-alert" />
			</p:commandButton>
			<p:commandButton value="Limpiar"
				rendered="#{(productoMBean.tipoMantenimiento=='insert') ? true :false}"
				id="frmLimipiar">
				<p:ajax update=":contentEdit" resetValues="true" />
			</p:commandButton>
			<p:commandButton value="Cancelar" id="frmCancel"
				oncomplete="PF('editObject').hide()" />
		</h:form>
	</p:panel>

</ui:composition>
</html>